@import '../def.scss';

.logo {
	width: 100%;
	padding-top: 310upx;
	font-size: 0;
	@extend .flex-column-center;
	flex-wrap: wrap;
	image {
		width: 250upx;
		height: 250upx;
	}
	div {
		font-size: $f60;
		line-height: 84upx;
		color: #fff;
		margin-top: 24upx;
		width: 100%;
		text-align: center;
	}
}

.btn-warp {
	width: 100%;
	position: fixed;
	bottom: 130upx;
	left: 0;
	.btn {
		width: 600upx;
		height: 80upx;
		border-radius: 40upx;
		@extend .flex-row-center;
		justify-content: center;
		font-size: $f36;
		line-height: 1;
		color: #fff;
		box-sizing: border-box;
		border: 3px solid #fff;
		margin: 0 auto;
		background: rgba($color: #000000, $alpha: 0);
	}
	.tab {
		width: 100%;
		@extend .flex-row-center;
		justify-content: center;
		font-size: $f30;
		color: #fff;
		line-height: 75upx;
		.tab-item {
			padding: 0 10upx;
			border-right: 1px solid #fff;
			&:last-of-type {
				border-right: none;
			}
		}
	}
}